@charset "utf-8";

html,body{font-family: "Siyuan Blackbody","Arial";}

/*hide scroll*/

/* html,body{-ms-overflow-style: none;} */

/* ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}

::-webkit-scrollbar {width:0px;height:0px;}

::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;}

::-webkit-scrollbar-thumb:hover {background:#bbb;} 

::-webkit-scrollbar-button {

    width: 1.0416666666666667vw;

    height: 1.0416666666666667vw;

}



::-webkit-scrollbar-button:vertical:single-button:start {  

    background:url(../images/scrollbar_top.jpg) no-repeat;

    background-size: cover;

    cursor: pointer;

}

::-webkit-scrollbar-button:vertical:single-button:end {

    background:url(../images/scrollbar_btm.jpg) no-repeat;

    background-size: cover;

    cursor: pointer;

   

}

::-webkit-scrollbar-button:horizontal:single-button:start {

    background:url(../images/scrollbar_top_hover.jpg) no-repeat;

    background-size: cover;

    cursor: pointer;

}

::-webkit-scrollbar-button:horizontal:single-button:end {

    background:url(../images/scrollbar_btm_hover.jpg) no-repeat;

    background-size: cover;

    cursor: pointer;

}

*/

:root {

    --mainColor: #3761c0;

    --fontColora:#aaaaaa;

    --fontColorb:#bbbbbb;

    --fontColorc:#cccccc;

    --fontColord:#dddddd;

    --fontColore:#eeeeee;

    --fontColorf:#ffffff;

    --fontColor0:#000000;

    --fontColor1:#111111;

    --fontColor2:#222222;

    --fontColor3:#333333;

    --fontColor4:#444444;

    --fontColor5:#555555;

    --fontColor6:#666666;

    --fontColor7:#777777;

    --fontColor8:#888888;

    --fontColor9:#999999;

    --lineColor: #ffbf22;

    --bg1:#fcfcfc;

    --bg2:#f8f8f8;

    --bg3:#eeeff1;

    --bg4:#f6f6f6;

    --bg5:#f4f4f5;

    --bg6:#f2f4f8;

}

a{color: var(--mainColor);}



.box {

    display: -webkit-flex;

    display: flex;

    width: 100%;

    flex-wrap: wrap;

}



.box_con {

    width: 100%;

    box-sizing: border-box;

    padding: 0 6.25vw;

    margin: 0 auto;

    max-width: 1920px;

}



.box_con2 {

    box-sizing: border-box;

    margin: 0 auto;

    max-width: 1340px;

}

/*头部样式*/

header{margin:0 auto;position: fixed;top:0;left:0;right:0;z-index: 99;transition: all .5s;justify-content: space-between;padding: 1.3020833333333335vw 6.25vw;box-sizing: border-box;transition: ease-in-out 0.8s;}
.fixeds header{background: rgba(54, 79, 165, .6);transition: ease-in-out 0.8s;}
header h1{width: 200px;}

.head_nav ul li{display: inline-flex;position: relative;}

.head_nav ul li a{display: block;padding: 0 25px;font-size: 20px;color: var(--fontColorf);line-height: 40px;}

.head_nav ul li:last-child{margin-right: 25px;}

.head_nav ul li ul{position: absolute;top: 40px;width: 130%;left: -15%;text-align: center;background: rgba(255, 255, 255, 0.9);height: 0;overflow: hidden;}

.head_nav ul li ul li{display: block;}

.head_nav ul li ul li:last-child{margin: 0 auto;}

.head_nav ul li ul li a{font-size: 15px;line-height: 30px;padding: 0 5px;color: var(--mainColor);margin: 5px;display: block;box-sizing: border-box;}

.head_nav ul li ul li:hover a{background: var(--mainColor);color: var(--fontColorf);}

.head_nav ul li:hover ul{height: auto;}

.head_right,

.head_btn{display: inline-flex;align-items: center;position: relative;}

.head_btn::before{content: "";display: block;width: 1px;height: 10px;background: var(--fontColorf);position: absolute;left: 0;top: 50%;margin-top: -5px;}

.head_btn .search,

.head_btn .language,

.head_btn .menu{width: 18px;height: 18px;display: inline-flex;margin-left: 50px;cursor: pointer;position: relative;}



.head_btn .search .search_bd{width: 200px;line-height: 45px;position: absolute;top: 30px;right: 0;display: none;}

.head_btn .search .search_bd.active{display: inline-flex;}

.head_btn .search .search_bd input{width: 155px;border:none;text-indent: 1em;font-size: 14px;color: var(--fontColor3);}

.head_btn .search .search_bd button{width: 45px;height: 45px;border:none;background: var(--mainColor);}



.head_btn .language .language_items{display: block;position: absolute;width: 500%;left: -200%;top: 20px;text-align: center;background: rgba(255, 255, 255, 0.9);height: 0;overflow: hidden;transition: ease-in-out 0.5s;}

.head_btn .language:hover .language_items{height: 120px;transition: ease-in-out 0.5s;}

.head_btn .language .language_items a{display: block;font-size: 14px;line-height: 24px;margin: 5px;}

.head_btn .language .language_items a:hover{background: var(--mainColor);color: var(--fontColorf);}

/*底部样式*/

footer{background: url(../images/footer_bg.jpg) no-repeat;background-size: cover;width:100%;overflow: hidden;padding: 0 6.25vw;box-sizing: border-box;}

.foot_top{padding-top: 4.6875vw;justify-content: space-between;padding-bottom: 2.5vw;}

.foot_top_left dl{display: inline-flex;flex-direction: column;margin-right: 4.6875vw;}

.foot_top_left dl dt{display: block;font-size: 20px;color: var(--fontColorf);padding-bottom: 30px;position: relative;}

.foot_top_left dl dt::after{content: "";display: block;width: 20px;height: 1px;background: rgba(255, 255, 255, 0.2);position: absolute;top: 40px;}

.foot_top_left dl dd a{display: block;font-size: 16px;color: var(--fontColorf);opacity: 0.5;line-height: 36px;}

.foot_top_left dl dd a:hover{opacity: 1;}

.foot_top_right{border-left: 1px solid rgba(255, 255, 255, 0.2);display: inline-flex;flex-direction: column;padding-left: 6.25vw;}

.foot_top_right p{font-size: 20px;color: var(--fontColorf);padding-bottom: 10px;}

.foot_top_right p img{padding-right: 15px;}

.foot_top_right p strong{font-size: 36px;color: var(--fontColorf);font-family: Arial;}

.ewm_tab{display: inline-flex;justify-content: flex-end;align-items: flex-end;margin-top: 3vw;}

.ewm_tab ul{margin-right: 20px;}

.ewm_tab ul li{width: 30px;height: 30px;border-radius: 30px;border:1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;margin-top: 15px;cursor: pointer;}

.ewm_tab ul li.active{background: var(--mainColor);border:1px solid var(--mainColor);}

.ewm_tab .ewm_con{height: 180px;}

.ewm_tab .ewm_con .item{display: none;width: 180px;height: 180px;}

.foot_center{padding: 1.5625vw 0;border-top: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.foot_center p{font-size: 18px;color: var(--fontColorf);}

.foot_center p span{margin-right: 35px;opacity: 1;}

.foot_center p span img{padding-right: 10px;}

.foot_center p span a{margin-left: 30px;padding-left: 30px;color: var(--fontColorf);opacity: 0.6;position: relative;display: inline-block;line-height: 30px;}

.foot_center p span a:last-child:after{content: "";display: block;width: 1px;height: 10px;position: absolute;left: -0px;top: 50%;margin-top: -5px;;background: rgba(255, 255, 255, 0.2);}

.foot_center p font{opacity: 0.6;}

.foot_btm{padding: 1.5625vw 0;}

.foot_btm p{font-size: 14px;color: var(--fontColorf);opacity: 0.6;}

.foot_btm p a{color: var(--fontColorf);opacity: 0.6;margin-left: 30px;}

.foot_center p a:hover,

.foot_btm p a:hover{text-decoration: underline !important;}



.box_title{padding: 3.125vw 0;width: 45%;box-sizing: border-box;}

.box_title h3{font-size: 44px;color: var(--fontColor3);font-weight: bold;}

.box_title p{font-size: 16px;color: var(--fontColor3);padding: 25px 0;}

.box_title span{display: block;width: 90px;height: 2px;background: var(--mainColor);}



/*banner样式*/

.banner{height:100vh;width: 100%;overflow: hidden;}

.swiper-container-banner{position: relative;}

/* .swiper-container-banner .swiper-slide a{display: block;transform: scale(1.05);transition: ease-in 4.5s;height: 100vh;} */
.swiper-container-banner .swiper-slide a{transform: scale(1.05);transition: ease-in 4.5s;height: 100vh;justify-content: center;flex-direction: column;padding: 0 6.25vw;box-sizing: border-box;}
.swiper-container-banner .swiper-slide a h3{font-size: 60px;color: var(--fontColorf);font-weight: bold;}
.swiper-container-banner .swiper-slide a span{display: block;width: 170px;height: 2px;background: var(--fontColorf);margin: 40px 0 30px;}
.swiper-container-banner .swiper-slide a p{font-size: 36px;color: var(--fontColorf);}
.swiper-container-banner .swiper-slide a em{width: 170px;line-height: 45px;border: 1px solid rgba(255, 255, 255, 0.5);background: rgba(255, 255, 255, 0.2);border-radius: 45px;font-size: 14px;color: var(--fontColorf);text-align: center;margin-top: 40px;}
.swiper-container-banner .swiper-slide a em i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin-left: 40px;background: url(../images/more_icon.png) no-repeat;}
/* .swiper-container-banner .swiper-slide img{margin: 0 auto;display: block;} */

.swiper-container-banner .swiper-slide-active a{transform: scale(1);transition: ease-in 4.5s;}

.swiper-pagination-banner{position: absolute;z-index: 5;bottom: 4.166666666666667vw !important;left: 6.25vw !important;}

.swiper-pagination-banner .swiper-pagination-bullet{width: 70px;height: 2px;background: var(--fontColorf);border-radius: 0;opacity: 1;position: relative;}

.swiper-pagination-banner .swiper-pagination-bullet::after{content: "";width:0;height: 3px;background: var(--mainColor);transition: width 4.5s;position: absolute;left: 0;}

.swiper-pagination-banner .swiper-pagination-bullet-active::after{width:100%;transition: width 4.5s;}

.swiper-button-banner{position: absolute;right: 6.25vw !important;bottom: 3.125vw !important;z-index: 5;}

.swiper-button-banner .swiper-button-prev,

.swiper-button-banner .swiper-button-next{position: static;width: 70px;height: 70px;border-radius: 70px;border:1px solid var(--fontColorf);background: rgba(255, 255, 255, 0.2);display: inline-flex;margin-left: 15px;}

.swiper-button-banner .swiper-button-prev::after,

.swiper-button-banner .swiper-button-next::after{color: var(--fontColorf);font-size: 30px;}

.swiper-button-banner .swiper-button-prev:hover,

.swiper-button-banner .swiper-button-next:hover{background: var(--mainColor);border:1px solid var(--mainColor)}



.news_items .items_left .item .pic img,

.news_items .items_right .item .pic img,

.social_items .item .pic img,

.culture_items .item .pic img,

.products_items .item .pic img,

.news_btm .item .pic img,

.swiper_news .swiper-slide-active .pic img,
.swiper_news .swiper-slide-next .pic img{width: 100%;height: 100%;object-fit: cover;transition: ease-in-out 0.5s;}

.news_items .items_left .item:hover .pic img,

.news_items .items_right .item:hover .pic img,

.social_items .item:hover .pic img,

.culture_items .item:hover .pic img,

.products_items .item:hover .pic img,

.news_btm .item:hover .pic img,

.swiper_news .swiper-slide-active:hover .pic img{transform: scale(1.1);transition: ease-in-out 0.5s;}

.news_items .items_left .item .tct h3:hover,

.news_items .items_right .item .tct h3:hover,

.products_items .item .tct h3:hover,

.news_btm .item .tct h3:hover{color: var(--mainColor);}



.product{position: relative;height: 940px;box-sizing: border-box;padding-top: 30px;}

.product .box_title{position: relative;z-index: 1;}

.product_items{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 940px;}

.product_items .pic{height: 100%;position: relative;}

.product_items .pic::before{content: "";display: block;width: 100%;height: 940px;background: url(../images/product_bgs.png) repeat-Y;}

.product_items .pic .txt{width: 42%;padding-bottom: 280px;}

.product_items .pic .txt h3{font-size: 38px;color: var(--fontColorf);}

.product_items .pic .txt p{font-size: 16px;line-height: 34px;color: var(--fontColorf);margin-top: 30px;}

.product_items .pic .txt .more{width: 170px;line-height: 45px;border:1px solid rgba(255, 255, 255, 0.2);border-radius: 45px;margin: 60px 0;transition: ease-in-out 0.5s;}

.product_items .pic .txt .more a{display: block;font-size: 14px;color: var(--fontColorf);text-align: center;}

.product_items .pic .txt .more a i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin-left: 40px;background: url(../images/more_icon.png) no-repeat;}

.product_items .box_con{position: absolute;bottom: 60px;left: 0;right: 0;}

.product_items .pic .txt .more:hover{background: var(--lineColor);transition: ease-in-out 0.5s;}



#tab1 .tab-nav{overflow-x: auto;display: -webkit-box;padding-bottom: 30px;}

#tab1 .tab-nav::-webkit-scrollbar-track-piece{position: fixed;bottom:0;left: 0;right: 0;background-color:#f8f8f8;}

#tab1 .tab-nav::-webkit-scrollbar{width:10px;height:5px;}

#tab1 .tab-nav::-webkit-scrollbar-thumb {background:var(--lineColor);background-clip:padding-box;min-width:28px;}

#tab1 .tab-nav::-webkit-scrollbar-button {width: 20px;height: 5px;}

#tab1 .tab-nav a{display: block;float: left;width: calc(100% / 5 - 25px);box-sizing: border-box;background: rgba(255, 255, 255, 0.2);border-radius: 10px;overflow: hidden;position: relative;margin-right: 30px;}

#tab1 .tab-nav a.active{padding: 5px;}

#tab1 .tab-nav a .pics{border-radius: 10px;overflow: hidden;}

#tab1 .tab-nav a .tct{position: absolute;top: 0;left: 0;right: 0;padding: 30px;height: 100%;box-sizing: border-box;background: rgba(255, 255, 255, 0.8);}

#tab1 .tab-nav a.active .tct{display: none ;}

#tab1 .tab-nav a .tct h3{font-size:28px;color: var(--fontColor3);position: relative;z-index: 3;}

#tab1 .tab-nav a .tct span{display: block;width: 50px;height: 1px;background: var(--mainColor);margin: 20px 0;}

#tab1 .tab-nav a .tct em{display: block;font-size: 16px;color: var(--fontColor3);opacity: 0.7;}

#tab1 .tab-nav a .tct em img{vertical-align: middle;margin-left: 5px;}

#tab1 .tab-nav a .tct .img{position: absolute;bottom: 30px;right: 30px;z-index: 1;}



.distribution{padding-bottom: 30px;box-sizing: border-box;}

.distribution .more{width: 170px;line-height: 45px;border:1px solid rgba(0, 0, 0, 0.2);border-radius: 45px;margin: -120px 0;transition: ease-in-out 0.5s;}

.distribution .more a{display: block;font-size: 14px;color: var(--fontColor3);text-align: center;transition: ease-in-out 0.5s;}

.distribution .more a i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin-left: 40px;background: url(../images/more_icon2.png) no-repeat;transition: ease-in-out 0.5s}

.distribution .more:hover{background: var(--lineColor);transition: ease-in-out 0.5s;border:1px solid var(--lineColor);}

.distribution .more:hover a{color: var(--fontColorf);transition: ease-in-out 0.5s;}

.distribution .more:hover a i{background: url(../images/more_icon.png) no-repeat;transition: ease-in-out 0.5s}

.distribution_items{width: 72.91666666666667vw;margin: 0 auto;position: relative;text-align: center;}

.distribution_items .pic{width: 72.91666666666667vw;height: 35.15625vw;overflow: hidden;}

.distribution_items .pic img{width: 100%;height: 100%;object-fit: contain;}

.distribution_items .tct{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 72.91666666666667vw;height: 35.15625vw;}

.distribution_items .tct .item{position: absolute;}

.distribution_items .tct .item:nth-child(1){top: 5.989583333333334vw;left: 18.75vw;}

.distribution_items .tct .item:nth-child(2){top: 9.114583333333334vw;left: 27.604166666666668vw;}

.distribution_items .tct .item:nth-child(3){top: 16.145833333333336vw;left: 10.5vw;}

.distribution_items .tct .item:nth-child(4){top: 22.395833333333336vw;left: 61.97916666666667vw;}

.distribution_items .tct .item .item_tit{text-align: center;cursor: pointer;}

.distribution_items .tct .item .item_tit em{display: block;box-sizing: border-box;margin-bottom: 5px;}

.distribution_items .tct .item .item_tit em img{padding: 5px;transition: ease-in-out 0.5s;}

.distribution_items .tct .item .item_tit:hover em img{background: rgba(255, 191, 34, 0.2);border-radius: 20px;transition: ease-in-out 0.5s;}

.distribution_items .tct .item .item_tit span{display: block;font-size: 14px;font-weight: bold;color: var(--fontColorf);text-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}

.distribution_items .tct .item .item_tst{width: 440px;padding: 15px;box-sizing: border-box;display: none;position: absolute;top:-230%;left: -170px;z-index: 6;;background: var(--fontColorf);border-radius: 5px;border:1px solid var(--mainColor)}

.distribution_items .tct .item .item_tst h3{font-size: 18px;line-height: 30px;color: var(--fontColor3);font-weight: bold;}

.distribution_items .tct .item .item_tst p{display: inline-flex;flex-wrap: wrap;font-size: 16px;line-height: 30px;color: var(--fontColor3);width: 100%;}

.distribution_items .tct .item .item_tst p span{width: calc(100% / 3);display: inline-flex;line-height: 30px;}

.distribution_items .tct .item .item_tst p span font{color: var(--mainColor);font-size: 24px;padding-right: 5px;}

.distribution_items .tct .item:hover .item_tst{display: block;}



.about{height: 940px;position: relative;padding: 60px 0;box-sizing: border-box;}

.about .box_title{position: relative;}

.about::before{content: "";display: block;width: 100%;height: 100%;background: url(../images/product_bgs.png) repeat-Y;position: absolute;z-index: 0;top: 0;}

.about_items{width: 41%;position: relative;z-index: 1;}

.about_items .txt{font-size: 16px;line-height: 34px;color: var(--fontColorf);}

.about_items .more{width: 170px;line-height: 45px;border:1px solid rgba(255, 255, 255, 0.2);border-radius: 45px;margin: 60px 0;transition: ease-in-out 0.5s;}

.about_items .more a{display: block;font-size: 14px;color: var(--fontColorf);text-align: center;}

.about_items .more a i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin-left: 40px;background: url(../images/more_icon.png) no-repeat;}

.about_items .more:hover{background: var(--lineColor);transition: ease-in-out 0.5s;}

.about_items .items{justify-content: space-between;}

.about_items .items .item p{font-size: 16px;line-height: 30px;color: var(--fontColorf);}

.about_items .items .item p span{opacity: 0.6;}

.about_items .items .item p font{font-size: 64px;font-family: Arial;color: var(--lineColor);}



.tab .tab-con-item{display: none;}

#tab2 .tab-nav{margin: -100px 0 60px auto;text-align: right;}

#tab2 .tab-nav a{display: inline-block;padding: 0 35px;font-size: 16px;line-height: 45px;border-radius: 45px;border:1px solid rgba(0, 0, 0, 0.2);color: var(--fontColor3);box-sizing: border-box;}

#tab2 .tab-nav a.active{color: var(--fontColorf);background: var(--mainColor);border:1px solid var(--mainColor)}

.news{background: var(--bg1);padding-bottom: 60px;}

.news_items .items_left{width: 65.682%;justify-content: space-between;}

.news_items .items_left .item{width: calc(100% / 2 - 25px);max-width: 520px;border-radius: 10px;overflow: hidden;transition: ease-in-out 0.5s;background: var(--bg3);}

.news_items .items_left .item .pic{width: 100%;height: 320px;overflow: hidden;}

.news_items .items_left .item .tct{padding: 30px;box-sizing: border-box;}

.news_items .items_left .item .tct em{display: block;font-size: 16px;color: var(--fontColor3);}

.news_items .items_left .item .tct em img{vertical-align: text-top;margin-right: 5px;}

.news_items .items_left .item .tct h3{font-size: 24px;color: var(--fontColor3);line-height: 34px;margin: 15px auto;}

.news_items .items_left .item .tct p{font-size: 16px;line-height: 26px;color: var(--fontColor3);}

.news_items .items_left .item:hover{box-shadow: 0 5px 0 var(--mainColor);transition: ease-in-out 0.5s;}

.news_items .items_right{width: 34.318%;padding-left: 2.604166666666667vw;box-sizing: border-box;}

.news_items .items_right .item{border-bottom: 1px solid var(--fontColore);box-sizing: border-box;margin-bottom: 24px;padding-bottom: 24px;}

.news_items .items_right .item a{justify-content: space-between;}

.news_items .items_right .item .pic{inline-size: 200px;height: 130px;overflow: hidden;}

.news_items .items_right .item:last-child{margin-bottom: 0;border-bottom: 0;padding-bottom: 0;}

.news_items .items_right .item .tct{width: calc(100% - 220px);display: inline-flex;flex-direction: column;justify-content: space-around;}

.news_items .items_right .item .tct h3{font-size: 24px;line-height: 34px;color: var(--fontColor3);}

.news_items .items_right .item .tct em{display: block;font-size: 16px;color: var(--fontColor3);}

.news_items .items_right .item .tct em img{vertical-align: text-top;margin-right: 5px;}



.research{background: var(--bg2);}

.research_items{justify-content: flex-end;width: 50%;float: right;margin-top: -197px;display: inline-flex;}

.research_items .item{width: calc(100% / 3 - 20px);text-align: center;display: inline-flex;flex-direction: column; border-left: 1px solid rgba(0, 0, 0, 0.07);}

.research_items .item span{display: block;width: 80px;height: 80px;display: block;margin: 0 auto 20px;transition: ease-in-out 0.5s;}

.research_items .item p{font-size: 28px;color: var(--fontColor3);transition: ease-in-out 0.5s;}

.research_items .item:hover span{transform: rotate(360deg);transition: ease-in-out 0.5s;}

.research_items .item:hover p{color: var(--mainColor);transition: ease-in-out 0.5s;}

.research_items .item:nth-child(1){border-left: none;}



.bar{height: 660px;overflow: hidden;position: relative;}

.bar .rect{width: 90vw;

    height: 90vw;

    position: absolute;

    left: -45vw;

    top: -45vw;

    background: rgba(54, 79, 165, .4);

    border-radius: 45%;

    -webkit-animation: roateOne 20s linear infinite;

}

@-webkit-keyframes roateOne {

	from {

		transform: rotate(0);

	}



	to {

		transform: rotate(360deg);

	}

}



.bar .box_con2,

.bar .box_con2 .bar_txt{height: 100%;}

.bar .box_con2 .bar_txt{flex-direction: column;justify-content: center;position: relative;z-index: 1;}

.bar .box_con2 .bar_txt h3{font-size: 38px;color: var(--fontColorf);}

.bar .box_con2 .bar_txt span{display: block;width: 65px;height: 1px;opacity: 0.6;background: var(--fontColorf);margin: 30px 0;}

.bar .box_con2 .bar_txt p{font-size: 18px;line-height: 32px;color: var(--fontColorf);width: 23%;}



.crumbs ul li{margin-right: 60px;}

.crumbs ul li a{display: block;font-size: 18px;line-height: 60px;color: var(--fontColor3);position: relative;}

.crumbs ul li a::after{content: '';display: block;width: 0%;height: 3px;position: absolute;bottom: 0;left: 0;right: 0;background: var(--mainColor);transition: width 0.5s;}

.crumbs ul li.active a{color: var(--mainColor);}

.crumbs ul li.active a::after,

.crumbs ul li:hover a::after{width: 100%;transition: width 0.5s;}



.main_tit{padding: 60px 0;}

.main_tit h3{font-size: 34px;color: var(--fontColor3);font-weight: bold;}

.main_tit span{display: block;width: 1px;height: 25px;background: var(--fontColora);transform: rotate(-30deg);margin: 30px 0 0;margin-left: 10px;}

.main_tit P{font-size: 16px;line-height: 32px;color: var(--fontColor3);margin-top: 20px;}



.mains_text p{font-size: 16px;line-height: 32px;color: var(--fontColor3);}



.about_overview{height: 900px;padding: 30px 0;box-sizing: border-box;}

.about_overview .mains_text{max-width: 1075px;overflow-y: auto;height: 400px;padding-right: 40px;box-sizing: border-box;margin: 0;}

.about_overview .mains_text::-webkit-scrollbar-track-piece { position: fixed;right:0;background:var(--bg1);}

.about_overview .mains_text::-webkit-scrollbar {width:5px;height:10px;}

.about_overview .mains_text::-webkit-scrollbar-thumb {background:var(--mainColor);background-clip:padding-box;min-height:28px;}

.about_overview .mains_text::-webkit-scrollbar-thumb:hover {background:var(--mainColor);} 

.about_overview .mains_text::-webkit-scrollbar-button {width: 10px;height: 10px;}



.overview_items{max-width: 1075px;justify-content: space-between;margin-top: 80px;}

.overview_items .item{width: calc(100% / 4 - 10px);text-align: center;}

.overview_items .item h3{font-size: 24px;line-height: 36px;color: var(--fontColor3);margin-bottom: 15px;font-weight: bold;}

.overview_items .item p{font-size: 16px;line-height: 28px;color: var(--fontColor3);}



.culture_items{justify-content: flex-start;}

.culture_items .item{width: calc(100% / 3 - 26px);position: relative;height: 200px;margin: 0 39px 39px 0;}

.culture_items .item:nth-child(3n){margin-right: 0;}

.culture_items .item .pic{width: 100%;height:100%;overflow: hidden;}

.culture_items .item .tct{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;padding: 30px;box-sizing: border-box;display: inline-flex;flex-wrap: nowrap;justify-content: space-between;transition: ease-in-out 0.5s;}

.culture_items .item .tct h3{inline-size: 60px;font-size: 24px;line-height: 40px;color: var(--fontColorf);font-weight: bold;}

.culture_items .item .tct h3::after{content: "";display: block;width: 20px;height: 2px;background: var(--fontColorf);margin-top: 15px;}

.culture_items .item .tct p{width:calc(100% - 80px);font-size: 16px;line-height: 28px;color: var(--fontColorf);opacity: 0;transition: ease-in-out 0.5s;max-height: 140px;overflow-y: auto;}

.culture_items .item .tct p::-webkit-scrollbar-track-piece{position: fixed;bottom:0;left: 0;right: 0;background-color:#f8f8f8;}

.culture_items .item .tct p::-webkit-scrollbar{width:5px;height:3px;}

.culture_items .item .tct p::-webkit-scrollbar-thumb {background:var(--lineColor);background-clip:padding-box;min-width:28px;}

.culture_items .item .tct p::-webkit-scrollbar-button {width: 5px;height: 5px;}

.culture_items .item:hover .tct{background: rgba(54, 79, 165, 0.8);transition: ease-in-out 0.5s;}

.culture_items .item:hover  .tct p{transition: ease-in-out 0.5s;opacity: 1;}



.social_items{justify-content: flex-start;}

.social_items .item{width: calc(100% / 3 - 16px);margin: 0 24px 24px 0;position: relative;height: 540px;overflow: hidden;}

.social_items .item:nth-child(3n){margin-right: 0;}

.social_items .item .pic{width: 100%;height: 100%;overflow: hidden;}

.social_items .item h3{position: absolute;bottom: 0;left: 0;right: 0;padding: 20px;box-sizing: border-box;font-size: 26px;line-height: 40px;text-align: center;background: rgba(54, 79, 165, 0.8);color: var(--fontColorf);}



.impression_items{justify-content: space-between;padding-bottom: 80px;}

.mySwiper{width: 180px;height: 570px;padding: 40px 0;box-sizing: border-box;}

.mySwiper .swiper-slide{width: 100%;height: 90px !important;overflow: hidden;cursor: pointer;border:2px solid rgba(0, 0, 0, 0);box-sizing: border-box;}

.mySwiper .swiper-slide-thumb-active{border:2px solid var(--mainColor)}

.mySwiper .swiper-button-next,

.mySwiper .swiper-button-prev{width: 100%;height: 30px;background: var(--fontColore);z-index: 8;}

.mySwiper .swiper-button-next:hover,

.mySwiper .swiper-button-prev:hover{background: var(--mainColor);}

.mySwiper .swiper-button-next::after,

.mySwiper .swiper-button-prev::after{font-size: 20px;transform: rotate(90deg);opacity: 1;color: var(--fontColorf);color: var(--fontColor3);}

.mySwiper .swiper-button-next:hover::after,

.mySwiper .swiper-button-prev:hover::after{color: var(--fontColorf);}

.mySwiper .swiper-button-next{top:auto;bottom: 0px;left: 0;}

.mySwiper .swiper-button-prev{top: 22px;left: 0;}



.mySwiper2 {width: 1140px;height: 570px;overflow: hidden;}

.mySwiper2 .swiper-slide{width: 100%;position: relative;}
.mySwiper2 .swiper-slide .xinfo{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;    text-align: center;
    font-size: 20px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    line-height: 50px;}

.mySwiper2 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.swiper-pagination-mySwiper2{position: absolute;bottom: 20px;text-align: center;z-index: 2;display: none;}

.swiper-pagination-mySwiper2 .swiper-pagination-bullet{opacity: 1;background: var(--fontColorf);}

.swiper-pagination-mySwiper2 .swiper-pagination-bullet-active{background: var(--mainColor);}



.crumbs_nav{padding: 0 50px;box-sizing: border-box;}

.crumbs_nav .swiper-slide{width: auto !important;margin-right: 50px!important;}

.crumbs_nav .swiper-slide a{display: block;font-size: 18px;line-height: 60px;color: var(--fontColor3);position: relative;}

.crumbs_nav .swiper-slide::after{content: '';display: block;width: 0%;height: 3px;position: absolute;bottom: 0;left: 0;right: 0;background: var(--mainColor);transition: width 0.5s;}

.crumbs_nav .swiper-slide.active a{color: var(--mainColor);}

.crumbs_nav .swiper-slide.active::after,

.crumbs_nav .swiper-slide:hover::after{width: 100%;transition: width 0.5s;}

.crumbs_nav .swiper-button-prev,

.crumbs_nav .swiper-button-next{background: var(--fontColorf);width: 50px;height: 60px;top: 0;margin-top: 0;}

.crumbs_nav .swiper-button-prev{left: 0;}

.crumbs_nav .swiper-button-next{right: 0;}

.crumbs_nav .swiper-button-prev::after,

.crumbs_nav .swiper-button-next::after{font-size: 20px;}



#tab3{position: relative;width: 100%;height: 860px;}

#tab3 .box_con2{position: relative;height: 100%;}

#tab3 .tab-nav{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.4);display: inline-flex;padding: 20px 70px 20px 20px;box-sizing: border-box;justify-content: center;}

#tab3 .tab-nav a{display: block;width: calc(100% / 5 - 20px);margin-right: 20px;}

#tab3 .tab-nav a span{display: block;width: 100%;height: 113px;overflow: hidden;border:2px solid rgba(0, 0, 0, 0);box-sizing: border-box;}

#tab3 .tab-nav a span img{width: 100%;height: 100%;object-fit: cover;}

#tab3 .tab-nav a.active span{border:2px solid var(--mainColor);box-sizing: border-box;}

#tab3 .tab-nav a p{text-align: center;font-size: 18px;line-height: 40px;color: var(--fontColorf);}

#tab3 .more{position: absolute;right: 20px;bottom: 20px;z-index: 2;}

#tab3 .more a{display: block;}

#tab3 .more span{display: block;width: 50px;height: 113px;line-height: 113px;background: var(--fontColor8);text-align: center;}

#tab3 .more span::after{content: 'next';font-family: swiper-icons;text-align: center;color: var(--fontColorf);}

#tab3 .more p{text-align: center;font-size: 18px;line-height: 40px;color: var(--fontColorf);}

#tab3 .j-tab-con{position: absolute;top: 0;left: 0;right: 0;}

#tab3 .j-tab-con .tab-con-item{height: 860px;}

#tab3 .j-tab-con .tab-con-item .pic{height: 100%;}



.products_items{justify-content: space-between;padding-top: 60px;}

.products_items .item{width: calc(100% / 2 - 20px);margin-bottom: 40px;transition: ease-in-out 0.5s;}

.products_items .item .pic{height: 380px;width: 100%;overflow: hidden;}

.products_items .item .tct{padding: 30px;box-sizing: border-box;background: var(--fontColorf);}

.products_items .item .tct h3{font-size: 30px;line-height: 40px;color: var(--fontColor3);font-weight: bold;}

.products_items .item .tct p{font-size: 14px;line-height: 26px;color: var(--fontColor5);margin-top: 15px;}

.products_items .item .tct ul{padding: 30px;box-sizing: border-box;background: var(--bg4);}

.products_items .item .tct ul li{display: flex;justify-content: space-between;border-bottom: 1px solid var(--fontColore);padding: 10px 0;}

.products_items .item .tct ul li:last-child{border:none}

.products_items .item .tct ul li span{display: block;font-size: 16px;line-height: 36px;color: var(--fontColor9);}

.products_items .item:hover{box-shadow: 0 5px 20px 20px rgba(0, 0, 0, 0.1);transition: ease-in-out 0.5s;}



.mySwipers{margin: 20px auto;padding: 0 60px;box-sizing: border-box;}

.mySwipers .swiper-slide{height: 115px;border:2px solid var(--fontColorf);box-sizing: border-box;}

.mySwipers .swiper-slide-thumb-active{border:2px solid var(--mainColor);}

.mySwipers .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.mySwipers .swiper-button-prev,

.mySwipers .swiper-button-next{background: var(--bg4);height: 115px;width: 60px;text-align: center;opacity: 1;top: 22px;}

.mySwipers .swiper-button-prev{left: 0;}

.mySwipers .swiper-button-next{right: 0;}

.mySwipers .swiper-button-prev::after,

.mySwipers .swiper-button-next::after{font-size: 20px;color: var(--fontColor3);}



.mySwiper2s {height: 630px;margin: 60px auto 0;}

.mySwiper2s .swiper-pagination-mySwiper2s{position: absolute;bottom: 20px;z-index: 22;text-align: center;display: none;}

.mySwiper2s .swiper-pagination-mySwiper2s .swiper-pagination-bullet{background: var(--fontColorf);opacity: 1;}

.mySwiper2s .swiper-pagination-mySwiper2s .swiper-pagination-bullet-active{background: var(--mainColor);}
  
.mySwiper2s .swiper-slide img{width: 100%;height: 100%;object-fit: contain;}   



.products_tit{text-align: center;margin: 60px auto 30px;}

.products_tit h3{font-size: 46px;color: var(--mainColor);font-weight: bold;}

.products_tit p{font-size: 22px;line-height: 40px;color: var(--fontColor3);margin: 10px auto;}



#tab4 .tab-nav{background: var(--bg4);text-align: center;}

#tab4 .tab-nav a{display: inline-block;line-height: 70px;margin: 0 15px;padding: 0 10px;color: var(--fontColor3);font-size: 20px;}

#tab4 .tab-nav a.active{color: var(--mainColor);border-bottom: 1px solid var(--mainColor);box-sizing: border-box;}

#tab4 .tab-con .tab-con-item{padding: 30px;box-sizing: border-box;}



.main_return{background: var(--bg4);margin: 30px auto;}

.main_return ul{justify-content: space-between;padding: 20px;box-sizing: border-box;}

.main_return ul li{width: calc(100% / 3 );text-align: center;}

.main_return ul li a{font-size: 20px;line-height: 30px;color: var(--fontColor3);display: inline-flex;align-items: center;}

.main_return ul li a img{margin:0 10px;}

.main_return ul li:first-child{text-align: left;}

.main_return ul li:last-child{text-align: right;}

.main_return ul li:last-child img{transform: rotate(180deg);}

.main_return ul li a:hover{color: var(--mainColor);}



.message{padding: 60px 0;justify-content: space-between;}

.message .item{width: calc(100% / 2 - 20px);}

.message .item h3{font-size: 34px;color: var(--fontColor3);font-weight: bold;}

.message .item p{font-size: 16px;line-height: 30px;color: var(--fontColor3);margin: 30px auto;}

.message .item p font{color: #f30b0b;}

.message .item .message_bd p span{font-size: 20px;color: var(--fontColor3);display: block;margin-bottom: 8px;}

.message .item .message_bd p{border-bottom: 1px solid var(--fontColord);}

.message .item .message_bd p.ps{border:none}

.message .item .message_bd p input,

.message .item .message_bd p textarea{width: 100%;border:none;display: inline-flex;line-height: 30px;background: none;}

.message .item .message_bd p.ps .sp{position: relative;width: 300px;display: inline-block;}

.message .item .message_bd p.ps input{width: 100%;height: 60px;line-height: 60px;border:1px solid var(--fontColord);border-radius: 5px;box-sizing: border-box;}

.message .item .message_bd p.ps .sp .imgs{position: absolute;right: 1px;top: 50%;margin-top: -22px;height: 45px;}

.message .item .message_bd p.ps button{background: none;border:1px solid var(--fontColor5);line-height: 60px;width: 170px;border-radius: 5px;float: right;box-sizing: border-box;}

.message .item .message_bd p.ps button img{margin-left: 30px;}



.news_top{background: url(../images/news_top_bg.jpg) no-repeat;background-size: cover;padding: 60px 0;box-sizing: border-box;overflow: hidden;}

.swiper_news{overflow: visible;}

.swiper_news .swiper-slide{padding-right: 160px;box-sizing: border-box;}

.swiper_news .swiper-slide a{justify-content: space-between;}

.swiper_news .swiper-slide .pic{width: 520px;height: 320px;overflow: hidden;margin-left: -70px;border-radius: 10px;opacity: 0.3;}

.swiper_news .swiper-slide .tct{width: calc(100% - 550px);display: none;}

.swiper_news .swiper-slide-active .pic{margin-left: 0px;opacity: 1;}

.swiper_news .swiper-slide-active .tct{display: block;}

.swiper_news .swiper-slide .tct h3{font-size: 26px;line-height: 34px;color: var(--fontColor3);font-weight: bold;}

.swiper_news .swiper-slide .tct span{font-size: 16px;line-height: 34px;color: var(--fontColor3);display: block;margin: 20px 0;}

.swiper_news .swiper-slide .tct p{font-size: 18px;line-height: 34px;color: var(--fontColor6);height: 68px;}

.swiper_news .swiper_btn{position: absolute;left: 0;bottom: 0px;z-index: 3;width: 100px;height: 40px;display: inline-flex;justify-content: space-between;}

.swiper_news .swiper-button-prev,

.swiper_news .swiper-button-next{width: 40px;height: 40px;border-radius: 40px;background: var(--fontColorf);position: static;text-align: center;line-height: 40px;}

.swiper_news .swiper-button-prev::after,

.swiper_news .swiper-button-next::after{font-size: 18px;color: var(--fontColor3);}



.news_btm {margin: 60px auto;}

.news_btm .item{border-bottom: 1px solid var(--fontColore);margin-bottom: 30px;}

.news_btm .item a{justify-content: space-between;margin-bottom: 30px;}

.news_btm .item .pic{width: 260px;height: 190px;overflow: hidden;border-radius: 10px;}

.news_btm .item .tct{width: calc(100% - 290px);display: inline-flex;flex-direction: column;justify-content: space-evenly;}

.news_btm .item .tct h3{font-size: 26px;line-height: 34px;color: var(--fontColor3);font-weight: bold;}

.news_btm .item .tct span{font-size: 16px;line-height: 34px;color: var(--fontColor3);}

.news_btm .item .tct p{font-size: 18px;line-height: 34px;color: var(--fontColor6);height: 68px;}





.news_con{background: var(--fontColorf);padding: 60px;box-sizing: border-box;}

.news_tit{text-align: center;border-bottom: 1px solid var(--fontColore);}

.news_tit h3{font-size: 32px;line-height: 40px;color: var(--fontColor3);font-weight: bold;color: var(--fontColor3);}

.news_tit p{font-size: 14px;line-height: 40px;color: var(--fontColor9);margin: 20px auto;}



.news_con .mains_text{margin: 30px auto;border-bottom: 1px solid var(--fontColore);padding-bottom: 30px;}



.science{height: 900px;padding: 30px 0;box-sizing: border-box;}

.science .mains_text{width: 470px;color: var(--fontColorf);margin: 0;height: 450px;overflow-y: auto;}

.science .mains_text::-webkit-scrollbar-track-piece{position: fixed;bottom:0;left: 0;right: 0;background-color:#f8f8f8;}

.science .mains_text::-webkit-scrollbar{width:5px;height:3px;}

.science .mains_text::-webkit-scrollbar-thumb {background:var(--lineColor);background-clip:padding-box;min-width:28px;}

.science .mains_text::-webkit-scrollbar-button {width: 5px;height: 5px;}



.quality_items{justify-content: space-between;padding-bottom: 60px;}

.quality_items .item{width: calc(100% / 6 - 20px);margin-right: 20px;height: 640px;position: relative;transition: ease-in-out 0.5s;}

.quality_items .item:last-child{margin-right: 0;}

.quality_items .item .pic{width:100%;height: 640px;overflow: hidden;}

.quality_items .item .pic img{width: 100%;height:100%;object-fit: cover;}

.quality_items .item.active{width: calc(100% / 6 * 2 - 20px);transition: ease-in-out 0.5s;}

.quality_items .item .tct{position: absolute;bottom: 0;left: 0;right: 0;padding: 30px;box-sizing: border-box;text-align: center;display: flex;flex-direction: column;height: 100%;justify-content: center;}

.quality_items .item .tct::before{content: "";display: block;width: 100%;height:5px;background: var(--mainColor);position: absolute;top: 0;left: 0;right: 0;}

.quality_items .item .tct em{display: block;width: 40px;height: 40px;margin: 20px auto;}

.quality_items .item .tct h3{font-size: 22px;line-height: 40px;color: var(--fontColorf);}

.quality_items .item .tct span{display: block;margin: 20px auto;width: 30px;height: 2px;background: var(--fontColorf);display: none;}

.quality_items .item .tct p{text-align: left;font-size: 16px;line-height: 30px;display: none;height: 300px;color: var(--fontColorf);overflow-y: auto;text-align: justify;width: 100%;}

.quality_items .item .tct p::-webkit-scrollbar-track-piece{position: fixed;bottom:0;left: 0;right: 0;background-color:#f8f8f8;}

.quality_items .item .tct p::-webkit-scrollbar{width:5px;height:3px;}

.quality_items .item .tct p::-webkit-scrollbar-thumb {background:var(--lineColor);background-clip:padding-box;min-width:28px;}

.quality_items .item .tct p::-webkit-scrollbar-button {width: 5px;height: 5px;}

.quality_items .item.active span{display: block;}

.quality_items .item.active p{display: block;}

.quality_items .item.active .tct::before{opacity: 0;}



.qualification_items .item{width: calc(100% / 3 - 25px);margin-right: 25px;margin-bottom: 30px;}

.qualification_items .item:nth-child(3n){margin-right: 0;}

.qualification_items .item span{display: block;padding: 10px;box-sizing: border-box;background: var(--fontColorf);height: 245px;overflow: hidden;}

.qualification_items .item p{font-size: 20px;line-height: 24px;color: var(--fontColor3);text-align: center;margin: 20px auto;}



#content { width: 500px; height: 170px; margin: 100px auto; }

#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }

#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }

#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }

.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }

.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }

.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }

.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }

.imgbox-bg { position: absolute; width: 20px; height: 20px; }

.imgbox-close{width: 30px;height: 30px;border-radius: 30px;background: var(--fontColorf);display: block;position: absolute;top: -30px;right: -30px;text-align: center;line-height: 30px;transform: rotate(45deg);}

.imgbox-close::after{content: "+";font-size: 20px;}



.contact_tit{margin: 30px auto;}

.contact_tit h3{font-size: 34px;color: var(--fontColor3);font-weight: bold;}

.contact_tit p{font-size: 16px;line-height: 32px;color: var(--fontColor3);margin-top: 20px;width: 70%;}



.contact2_items .item{width: calc(100% / 3 - 20px);padding: 30px;box-sizing: border-box;background: var(--bg6);margin-right: 30px;}

.contact2_items .item:nth-child(3n){margin-right: 0;}

.contact2_items .item p{font-size: 28px;line-height: 32px;color: var(--fontColor3);padding: 20px 0;}

.contact2_items .item p:first-child{border-bottom: 1px solid var(--fontColord);}

.contact2_items .item p span{float: right;}

.contact2_items .item p em{font-size: 22px;line-height: 30px;color: var(--fontColor3);}



.contact2_map{height: 500px;margin: 60px auto;}



.contact3{padding-bottom: 30px;}

#tab5 .tab-nav{text-align: right;margin: -62px auto 60px;}

#tab5 .tab-nav a{font-size: 24px;line-height: 32px;color: var(--fontColor3);margin-left: 20px;}

#tab5 .tab-nav a.active{color: var(--mainColor);}

#tab5 .tab-con .items .item{width: calc(100% / 4 - 20px);margin-right: 26px;margin-bottom: 30px;background: var(--fontColorf);box-shadow:0 5px 10px 10px rgba(54, 79, 165, .05);padding: 20px;box-sizing: border-box;}

#tab5 .tab-con .items .item:nth-child(4n){margin-right: 0;}

#tab5 .tab-con .items .item h3{font-size: 22px;line-height: 32px;color: var(--fontColor3);font-weight: bold;border-bottom: 1px solid var(--fontColord);padding-bottom: 20px;margin-bottom: 20px;}

/* #tab5 .tab-con .items .item .mains_text{height: 64px;overflow-y: auto;}

#tab5 .tab-con .items .item .mains_text::-webkit-scrollbar-track-piece{position: fixed;bottom:0;left: 0;right: 0;background-color:#f8f8f8;}

#tab5 .tab-con .items .item .mains_text::-webkit-scrollbar{width:5px;height:3px;}

#tab5 .tab-con .items .item .mains_text::-webkit-scrollbar-thumb {background:var(--lineColor);background-clip:padding-box;min-width:28px;}

#tab5 .tab-con .items .item .mains_text::-webkit-scrollbar-button {width: 5px;height: 5px;} */



.distribution2{padding-bottom: 60px;}

.distribution2_item{background: var(--fontColorf);padding: 30px;box-sizing: border-box;box-shadow:0 5px 10px 10px rgba(54, 79, 165, .05);}

.distribution2_item h3{font-size: 22px;line-height: 32px;color: var(--fontColor3);font-weight: bold;border-bottom: 1px solid var(--fontColord);padding-bottom: 20px;margin: 30px auto;}

.distribution2_item h3:nth-child(1){margin-top: 0;}

.distribution2_item ul li{font-size: 18px;line-height: 34px;color: var(--fontColor3);width: calc(100% / 6 - 20px);margin-right: 24px;}

.distribution2_item ul li:nth-child(6n){margin-right: 0;}



.development_top,

.development_btm,

.training{padding: 60px 0;box-sizing: border-box;}

.development_tit{text-align: center;margin: 0 auto 60px;}

.development_tit h3{font-size: 34px;line-height: 40px;color: var(--fontColor3);font-weight: bold;}

.development_tit span{display: block;width: 40px;height: 2px;background: var(--mainColor);margin: 20px auto;}

.development_tit p{font-size: 18px;line-height: 32px;color: var(--fontColor3);}



.development_items{justify-content: center;}

.development_items .item{width: calc(100% / 3 - 40px);margin-right: 60px;margin-bottom: 30px;text-align: center;}

.development_items .item:last-child,

.development_items .item:nth-child(3n){margin-right:0;}

.development_items .item span{width: 97px;height: 97px;display: block;margin: 20px auto;}

.development_items .item p{font-size: 18px;line-height: 34px;color: var(--fontColorf);}



.training .training_tit{text-align: left;max-width: 890px;}

.training .training_tit h3{font-size: 34px;line-height: 40px;color: var(--fontColorf);font-weight: bold;}

.training .training_tit span{display: block;width: 40px;height: 2px;background: var(--fontColorf);margin: 20px 0 40px;}

.training .training_tit p{font-size: 18px;line-height: 34px;color: var(--fontColorf);position: relative;}

.training .training_tit p::before,

.training .training_tit p::after{content: "";display: block;position: absolute;z-index: 0;background: url(../images/hh.png) no-repeat;width: 65px;height: 45px;}

.training .training_tit p::before{left: -40px;top: -20px;}

.training .training_tit p::after{right: -40px;bottom: -20px;transform: rotate(180deg);}

.training .mains_text{margin: 60px auto;}



.recruit_items .item{margin: 40px auto;}

.recruit_items .item .item_tit{background: var(--fontColorf);padding: 30px 70px;box-sizing: border-box;border-left: 6px solid var(--mainColor);}

.recruit_items .item .item_tit h3{font-size: 28px;color: var(--fontColor3);line-height: 32px;}

.recruit_items .item .item_tit p{font-size: 18px;line-height: 32px;color: var(--fontColor3);}

.recruit_items .item .item_tit p span{padding: 10px 0;margin-right: 30px;display: inline-block;}

.recruit_items .item .item_tit p a{display: inline-block;width: 190px;line-height: 50px;text-align: center;border:1px solid var(--fontColor3);border-radius: 50px;float: right;color: var(--fontColor3);}

.recruit_items .item .item_tit p a em{width: 10px;height:10px;display: inline-block;margin-left: 40px;}

.recruit_items .item .item_tit p a em::before,

.recruit_items .item .item_tit p a em::after{content: "";display: block;width: 10px;height: 1px;margin: 4px auto;background: var(--fontColor3);}

.recruit_items .item .item_tit p a em::after{transform: rotate(90deg);margin-top: -5px;}

.recruit_items .item .item_con{display: none;padding: 30px 70px;box-sizing: border-box;background: var(--fontColorf);margin-top: 10px;}

.recruit_items .item .item_con .item_btn{background: var(--mainColor);padding: 20px;box-sizing: border-box;border-radius: 10px;}

.recruit_items .item .item_con .item_btn p{font-size: 18px;line-height: 30px;color: var(--fontColorf);text-align: center;}

.recruit_items .item .item_con .mains_text{height: 360px;overflow-y: auto;margin: 0 auto;}

.recruit_items .item .item_con .mains_text::-webkit-scrollbar-track-piece{position: fixed;bottom:0;left: 0;right: 0;background-color:#f8f8f8;}

.recruit_items .item .item_con .mains_text::-webkit-scrollbar{width:5px;height:3px;}

.recruit_items .item .item_con .mains_text::-webkit-scrollbar-thumb {background:var(--lineColor);background-clip:padding-box;min-width:28px;}

.recruit_items .item .item_con .mains_text::-webkit-scrollbar-button {width: 5px;height: 5px;}

.recruit_items .item.active .item_con{display: block;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}

.recruit_items .item.active p a{background: var(--mainColor);border:1px solid var(--mainColor);color: var(--fontColorf);}

.recruit_items .item.active p a em::before{background: var(--fontColorf);}

.recruit_items .item.active p a em::after{display: none;}



.lg_fddh{text-align: center;color: var(--fontColorf);margin-top: 10px;}

.gotop{position: fixed;right: 0;bottom: 20%;z-index: 1;background: var(--mainColor);padding: 10px;border-radius: 5px;display: none;}

.gotop span{display: block;text-align: center;}

.gotop p{font-size: 12px;line-height: 20px;color: var(--fontColorf);}

.toshow{z-index: 6;display: block;}